﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Menu_Right.aspx.cs" Inherits="Sbook.Menu_Right" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuTop.ascx"  TagName="MenuTop" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/MenuRight.ascx"  TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx"  TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <link href="Styles/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<link type="text/css" rel="stylesheet" href="css/style_dssp_menuright.css" />
    <%--<script src="Scripts/ChangePass.js" type="text/javascript"></script>--%>
<script type="text/javascript">
    $(document).ready(function () {
        $(".menu_top li").hover(function () {
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
        }, function () {
            $(this).find('ul:first').css({ visibility: "hidden" })
        });
    });
</script>
</head>

<body>
<center>
<!-- web -->
<div class="web">
	<UC:Header runat="server" ID="header1" />
<!-- danh sách sản phẩm -->
<div class="chitietsp">
    	<!-- tiêu đề sản phẩm bán chạy --> 
    	<h1>	
            Sản phẩm
        	<%=CatName %>
        </h1>
        <br />
    	<!-- sản phẩm item -->
        <asp:Repeater runat="server" ID="rptProducts">
            <ItemTemplate>         
                <div class="pro_new_item">
        	         <a href="Product_Details.aspx?Product=<%#Eval("PId") %>"><img alt="" src="<%#Eval("PImg") %>" width="198" height="115" /></a>
                     <strong><%#Eval("PName") %></strong>
                 </div> 
            </ItemTemplate>
        </asp:Repeater>
       
        <!-- close sản phẩm item-->
           <div class="pagination">
                        <%--<p><span class="disabled"><< prev</span><span class="current">1</span><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a>…<a href="">10</a><a href="">11</a><a href="">12</a>...<a href="">100</a><a href="">101</a><a href="">next >></a></p>--%>
                        <p>
                           
                            <asp:Literal ID="ltrPaging" runat="server"></asp:Literal></p>
                        <p>
                            &nbsp;</p>
           </div>
</div>
<!-- close danh sách sản phẩm -->

<!-- right -->
<div class="right">
	<!-- danh mục phải -->
	<div class="menu_right">
        <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
    	
        <script type="text/javascript">
            $(document).ready(function () {
                $("div.right div.menu_right ul:not(first)").hide();
                $('ul#f1').show();
                $('h2.menu_head').click(function () {

                    $('.active').removeClass('active');
                    $(this).addClass('active');
                    $('ul').slideUp('slow');
                    $(this).next('ul').slideDown('slow');
                    var content_show = $(this).attr('title');
                    $('#' + content_show).slideDown('slow');

                });
            });
		</script>
    </div>
    <!-- close danh mục phải -->
</div>
<!-- close right -->
<!-- footer --> 
<div class="footer">
</div>
<!-- close footer -->
</div>

<style>
    #divChangePass{ width:500px; height:235px; position:absolute; display:none; background-color:White; border:1px solid #CCFFFF; left:385px; top:160px; z-index:1000}
    #divChangePass ul { float:left; width:100%; list-style:none;}
    #divChangePass ul li{ float:left; width:100%; margin-top:10px;}
    #divChangePass ul li span{ color:Red; display:none}
    #divChangePass ul li label{ float:left; width:200px; text-align:right; padding-right:5px;}
    #divChangePass ul li input[type=password]{ float:left;}
    #divChangePass h1{ color:Red; font-size:25px}
    #divChangePass a{ float:right; margin:0px 0px; padding:0px 0px }
</style>
<div id="divChangePass">
    <a href="#" id="closeChangePass">X</a>
    <form id="frm2">
        <h1>Đổi mật khẩu</h1>
        <ul>
            <li><label>Mật khẩu cũ:</label> <input type="password" id="txtOldPass" /><span id="spOldPass">Không được để trống.</span></li>
            <li><label>Mật khẩu mới:</label> <input type="password" id="txtNewPass" /><span id="spNewPass">Không được để trống.</span></li>
            <li><label>Xác nhận mật khẩu mới:</label> <input type="password" id="txtRePass" /><span id="spRePass">Không được để trống.</span></li>
            <li><input type="button" value="Đổi mật khẩu" id="btnChangePass" /></li>
        </ul>
    </form>

     <script type="text/javascript">
         $(document).ready(function () {
             var isLogin = $('#login').html();
             if (isLogin == "Đăng nhập") {
                 $('#logout').hide();
                 $('#Close').click(function () {
                     $('#divlogin').toggle(1000);
                 });
                 $('#login').click(function () {
                     $('#divlogin').toggle(1000);
                     $('#divDoiMK').css("display", "none");
                 });
             }
             else {
                 $('#logout').show();
                 //                        $('#login').attr("href", "http://hn.24h.com.vn");
                 $('#login').click(function () {

                     $('#divDoiMK').toggle(1000);
                 });
                 $('#CloseDMK').click(function () {
                     $('#divDoiMK').toggle(1000);
                 });
             }


             $('#dangnhap').click(function () {

                 var user = $('#user').val();
                 var pass = $('#pass').val();

                 window.location.href = "Demo.aspx?user=" + user + "&pass=" + pass;

             });
             //             Click đổi mật khẩu

             $('a#aDoiMK').click(function () {

                 $('div.web').css("opacity", "0.25");
                 $('div#divChangePass').css("display", "block");

                 $('#divDoiMK').toggle(1000);

             });
             $('a#closeChangePass').click(function () {
                 $('div.web').css("opacity", "1");
                 $('div#divChangePass').css("display", "none");

                 //                  $('#divDoiMK').toggle(1000);
             });

             $('div#divChangePass input[type=button]#btnChangePass').click(function () {

                 var OldPass = $('#txtOldPass').val();
                 var NewPass = $('#txtNewPass').val();
                 var RePass = $('#txtRePass').val();
                 var chkRePass = true;
                 if (OldPass == "") {
                     $('span#spOldPass').css("display", "block");
                 }
                 if (NewPass == "") {
                     $('span#spNewPass').css("display", "block");
                 }
                 if (RePass == "") {
                     $('span#spRePass').css("display", "block");
                 }


                 var chkOldPass;
                 if (OldPass != "" && NewPass != "" && RePass != "") {
                     $('div#divChangePass span').css("display", "none");

                     if (RePass != NewPass) {
                         $('span#spRePass').html("Xác nhận lại mật khẩu mới");
                         $('span#spRePass').css("display", "block");
                         chkRePass = false;
                     }
                     //check Exist OldPass
                     if (chkRePass == true) {
                         $.ajax({
                             type: "POST",
                             url: "/Page/DoiMatKhau.aspx",
                             data: { OldPass: OldPass, NewPass: NewPass },
                             success: function (data) {
                                 if (data == "0") {
                                     alert("Mật khẩu không đúng");
                                     chkOldPass = false;

                                 }
                                 else {

                                     chkOldPass = true;
                                     alert("Đổi mât khẩu thành công");
                                     window.location.href = "index.aspx";
                                 }

                             }
                         });

                     }
                     else {
                         return;
                     }

                 }
             });

         });
            </script>
</div>
<!-- close web -->
</center>
</body>
</html>

